<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        input {
            border-radius: 50px;
            /* 边框有渐变 */
            transition: all 100ms ease-in-out;
            cursor: pointer;
            /* 鼠标悬停或点击时button时鼠标变成其他图标 */
        }
    </style>
</head>

<body>
    <input id="SearchInput" type="search">
</body>

</html>